/* ------ ～ 979px ------ */
@media screen and (max-width: 979px) {
	#header-inner {width: 100%;	}
	#gnav nav {width: 100%; border: 0;}
	#gnav nav > ul {width: 100%; height: none;}
	#mainvisual .img {width: 100%;}
	#mainvisual img {float: right;}
	#plist .plist-inner {width: 90%; margin: 0 auto;overflow: hidden;*zoom: 1;}
	#containar {width: 100%;}
	#contents {float: none;width: 90%; margin: 0 auto;}
	#cat-list h3 {padding: 0 0 5px 0;}
	#cat-list ul li {padding: 10px 30px 10px 10px; }
	#sidebar {float: none;	width: 90%;	margin: 0 auto;	*margin: 0 auto 20px;overflow: hidden;*zoom: 1;}
	#sidebar1 {float: left ; width: 48%;}
	#sidebar2 {float: right; width: 48%;}
	#footer-inner {width: 100%;}
}

/* ------ ～ 767px ------ */
@media screen and (max-width: 767px) {
	html {*overflow-x: hidden;}
	#wrapper {background-color: #60B2DB; overflow: hidden;}
	#gnav-btn {position: relative;display: block;	width: 100%;padding: 5px 0 4px;	background-color: #7FC4E7;}
	#header-inner {position: relative; width: 100%; border-bottom: 0; background-color: #00A2D8;}
	#ptitle {color: #FFFFFF;}
	#gnav-btn div {width: 50px;	margin-left: 10px;border-bottom: solid 1px #0085C9;	-webkit-border-radius: 5px;	border-radius: 5px;}
	#gnav-btn a {display: block;	height: 25px;line-height: 25px;color: #FEFEFE;	font-size: 14px;border: solid 1px #0085C9;	text-align: center;text-decoration: none;-webkit-border-radius: 5px;border-radius: 5px;	}
	#gnav-btn a {background: #0085C9;}
	#gnav-btn a:hover {background: #44A8DB;}
	#gnav {position: absolute;width: 250px;	top: 0;left: -250px; background-color: #60B2DB; border: none;}
	#gnav nav {width: 100%;	margin: 35px 0 0 0; border: 0; border-top: solid 0px #60B2DB;border-bottom: solid 1px #60B2DB; position: static;}	
	#gnav nav > ul {float: none;	width: 100%; height: auto; border-left: none;border-right: none;border-top: solid 0px #60B2DB; background-color: #00A2D8;}
    #gnav nav li {position: static; width: 100%; float: none; margin: 0; padding: 0; text-align: left;}
	#gnav nav > ul > li a {display: block;padding: 10px 20px 10px;font-size: 92%;border-left: none;border-right: none;border-top: solid 1px #7FC4E7; background: url("https://www.jp-soft.net/sample/2016-03/img/arrow_03.png") no-repeat right center;	*zoom: 1;}
	#gnav nav > ul > li:hover > a{background: #7FC4E7 url("https://www.jp-soft.net/sample/2016-03/img/arrow_04.png") no-repeat right center; color: #FFFFFF;}
	#plist{position: relative; width: 100%;}
	#containar{position: relative; background: #FFFFFF;}
	.doc {padding: 0;}
	.adv{margin: 0;}
	#kanren {margin: 10px 2%;}
	#sidebar1 {float: none; width: 100%;}
	#sidebar2 {float: none; width: 100%;}
}

/* ------ ～479px ------ */
@media screen and (max-width: 479px) {
	.btn {width: auto;}
	.btn a {width: auto;}
	.alignleft, .alignright{float: none; margin: 5px auto; display: block;}
	.mt-image-left, .mt-image-right {float: none; margin: 5px auto; display: block;}
    .kiji-list article{float: none; width: 100%; margin:  0 0 10px;}
    #kiji-list > article img {margin: 0 auto; display: block;}
	#kanren {margin: 10px 0; padding: 10px;}
	#kanren dl{margin: 0 0 0 10px;}
	#sidebar {*margin-bottom: 0;}
	#sidebar-inner {width: 100%;}
	#sidebar .btn {height: 40px;margin: 10px auto 0;border-radius: 25px;font-size: 100%;}
	#sidebar .btn a {height: 40px;	line-height: 40px;border-radius: 20px;}
	#sidebar .ad {margin-right: 0;	padding: 10px 10px 0;}
}